<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>hayTour, Modificar datos de ${usuario.nombre}</title>
	<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

<script type="text/javascript" src="script/validarMod.js"></script>
<link href="calendar.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="script/calendar.js"></script>

</head>

<body>
  <div id="wrapper">
    <div id="header">
      <div id="logo">
        <p></p>
      </div>
      <div id="nav">
       <ul class="menu">   
              <li class="sub"><a href="#" class="update">Opciones<comment></comment></a>
		<ins><table><tr><td><ul>
			<li><a href="modificarUsuario.html?ux=${usuario.idUsuario}">Modificar Datos</a></li>
			<li><a href="desactivarUsuario.html?ux=${usuario.idUsuario}">Opciones de Cuenta</a></li>
            <li><a href="rest.html?ux=${usuario.idUsuario}">REST</a></li>
                        <li><a href="home.html?ux=null">Cerrar Sesión</a></li>
		</ul></td></tr></table></ins>
        </li>
          <li><a href="misSolicitudes.html?ux=${usuario.idUsuario}&soli=0"> Solicitudes</a></li>
         <li><a href="miPerfilhayTour.html?ux=${usuario.idUsuario}"> Perfil ${usuario.username}</a></li>
         </ul>
      </div>
      <div id="gallery">
        <ul>
          <li class="gwomen"><a href="http://www.freewebsitetemplates.com">Viajes</a></li>
          <li class="gkids"><a href="http://www.freewebsitetemplates.com">Aventuras</a></li>
          <li class="gmen"><a href="http://www.freewebsitetemplates.com">Amigos</a></li>
        </ul>
      </div>
    </div>
    <div id="body">
      <div id="categories">
       <h2>${usuario.nombre} ${usuario.apellido}</h2>
        <h2><img src="images/Perfil.jpg" alt="" width="192" height="244" id="Perfil" /></h2>
        <ul>
          <li><a href="MisAmigos.html?ux=${usuario.idUsuario}&AM=1">Mis Amigos</a></li>
          <li><a href="LosViajes.html?ux=${usuario.idUsuario}&AM=1">Mis Viajes</a></li>
        </ul>
      </div>
      <div id="seasonal">
        <div class="inner">
          <h2>MODIFICAR PERFIL:</h2>
          <form id="form2" name="form2" method="post" onSubmit="javascript:return validarMod()" action="saveUpdateUsuario.html" >
                <div id="transparencia">
			<div id="transparenciaMensaje"></div>
		</div>

                    <table width="443" border="0">
                        <tr>
                            <td width="6">&nbsp;</td>
                      <td width="427">
                        <table class="boxData" width="424">
                                    <tr>
                                        <td width="41%" valign="top"><div align="right" class="style3"><strong>Nombre:</strong></div></td>
                                        <td width="59%">
                                            <input maxlength="20" type="hidden" name="idUsuario" id="idUsuario" class="text" value="${usuario.idUsuario}"/>
                                            <input name="nombre" type="text" class="text" id="nombre" value="${usuario.nombre}" size="22,8" maxlength="30"/>
                                        <span class="ayuda"><img src="images/ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Nombre')"></span></td>
                                    </tr>
                                    <tr>
                                        <td valign="top"><div align="right" class="style3"><strong>Apellido:</strong></div></td>
                                        <td><input name="apellido" type="text" class="text" id="apellido" value="${usuario.apellido}" size="22,8" maxlength="30"/>
                                           <span class="ayuda"><img src="images/ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Apellido')"></span></td>
                                    </tr>
                                    <tr>
                                      <td><div align="right" class="style3"><strong>Fecha Nacimiento</strong></div></td>
                                      <td>
                                       <input type="text" name="fechaNac" size="22,8" id ="fechaNac" onclick="displayDatePicker('fechaNac');" class="text" value="${usuario.fechaNac}" />
                                     <span class="ayuda"><img src="images/ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Fecha Nacimiento')"></span></td></td>
                                       </tr>
                                    <tr>
                                        <td valign="top"><div align="right"  class="style3"><strong>Sexo:</strong></div></td>
                                        <td><input disabled="disable" maxlength="20" type="text" name="sexo2" id="sexo2" class="text"  size="22,8" value="${usuario.sexo}"/>
                                            <input type="hidden" name="sexo" id="sexo" value="${usuario.sexo}"/>
                                             <span class="ayuda"><img src="images/ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Sexo')"></span></td>
                                    </tr>
                                    <tr>
                                        <td valign="top"><div align="right" class="style3"><strong>Telefono:</strong></div></td>
                                        <td><input maxlength="20" type="text" name="telefono" id="telefono" size="22,8" class="text" value="${usuario.telefono}"/>
                                              <span class="ayuda"><img src="images/ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Telefono')"></span> </td>
                                    </tr>
                                    <tr>
                                        <td valign="top"><div align="right" class="style3"><strong>Correo Electonico:</strong></div></td>
                                        <td><input maxlength="30" type="text" name="correo" id="correo" class="text" size="22,8" value="${usuario.correo}"/>
                                            <span class="ayuda"><img src="images/ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Correo')"></span> </td>
                                    </tr>
                                    <tr>
                                        <td valign="top"><div align="right" class="style3"><strong>Username:</strong></div></td>
                                        <td><input disabled="disable" maxlength="20" type="text" name="username2" id="username2" size="22,8" class="text" value="${usuario.username}"/>
                                            <input type="hidden" name="username" id="username" value="${usuario.username}"/>
                                           <span class="ayuda"><img src="images/ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Username')"></span> </td>
                                    </tr>
                                    <tr>
                                        <td valign="top"><div align="right" class="style3"><strong>Contraseña:</strong></div></td>
                                        <td><input maxlength="20" type="password" name="confclave" id="confclave" size="24,8" class="text" value=""/>
                                            <input maxlength="20" type="hidden" name="clave" id="clave" class="text"  value="${usuario.clave}"/>
                                            <span class="ayuda"><img src="images/ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Clave')"> </td>
                                    </tr>
                                    <tr>
                                       <td><input name="estatus" type="hidden" class="text" id="estatus" value="ACTIVADA" size="24,5" maxlength="35"/></td>
                                      <td>
                                    	  
                                      </td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td><input type="button" value="Registrar Cambios" onClick="javascript:validarMod()"/></td>
                                    </tr>
</table><span class="style7"><strong>* Campos Obligatorios</strong></span></td>
                                    <p>&nbsp;</p>
                        </tr>
                    </table>
                    
            </form>
          </div>
      </div>
      <div class="clear"></div>
      <div id="seas">
        <div id="seas-one"></div>
        <div id="seas-two"></div>
        <div id="seas-three"></div>
        <div class="clear"> </div>
      </div>
    </div>
    <div id="copyright">
      <h5>Copyright &copy; 2010. Company hayTour all rights reserved</h5>
</div>
  </div>
<div id="mensajesAyuda">
	<div id="ayudaTitulo"></div>
	<div id="ayudaTexto"></div>
</div>
</body>
</html>